:host {
  @apply flex items-center gap-3;

  .avatar {
    @apply h-10 w-10;
  }

  .title {
    @apply text-sm;
  }

  &.small {
    .status {
      @apply hidden;
    }
    .avatar {
      @apply h-7 w-7;
    }

    .title {
      @apply text-xs leading-3;
    }
  }
}